// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;

// // {$overflow-ellipsis}
@use "./common/var.scss" as *;

// @import "common/index.scss";

@include bem_b(overflow-ellipsis){
	overflow: hidden;
	width: 100%;
	position: relative;
	white-space: unset ;
	// flex-shrink:1;
	
	@include bem_e(content){
		position: relative;
		overflow: hidden;
		text-align: justify;
		text-overflow: ellipsis;
		word-break: break-all;
		// flex-shrink:1;
		&__seat{
		        float: right;
		    }
		&__text{
			@include VueAndNvueStyleAttr("color","overflow-ellipsis", "color");
			// flex-shrink:1;
		}
	}
		.is-hidden {
	        position: relative;
	        float: right;
	        color: #34abec;
	        z-index: 99;
	    }
	
	    .is-show {
	        // float: right;
	        background: #ffffff;
	        color: #34abec;
	        position: relative;
	        z-index: 99;
	        clear: both;
			right:20rpx;
	    }
		@include bem_e(hidden-text){
		width: 100%;
		position: absolute;
		opacity: 0;
		flex-shrink:1;
		}
}